import { Suspense } from 'react';
import EditorContent from './editor-content';
import { notFound } from 'next/navigation';
import { log } from 'console';

// 使用服务端组件作为入口
export default async function EditorPage({ params }: { params: { id: string } }) {
  // 在服务器组件中，我们必须await params对象
  if (!params) {
    console.error('编辑器页面: 缺少参数');
    return notFound();
  }
  
  // 明确await params对象
  const { id: projectId } = await Promise.resolve(params);
  
  if (!projectId) {
    console.error('编辑器页面: 无效的项目ID参数');
    return notFound();
  }
  
  console.log('编辑器页面加载，项目ID:', projectId);
        
        return (
    <Suspense fallback={
      <div className="flex items-center justify-center min-h-screen">
        <div className="text-center">
          <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-blue-500 mx-auto mb-4"></div>
          <p className="text-gray-600">加载编辑器中...</p>
        </div>
      </div>
    }>
      <EditorContent projectId={projectId} />
    </Suspense>
  );
}